<template>
	<view>
		<view class="reportcontainer">
			<view class="reportitem">
				<view class="reporttitleline">
					<view class="reporttitlepic">
						<view class="reporttitlepicinner">张鹏</view>
					</view>
					<view class="reportuser">张鹏</view>
					<view class="reportdatetime">2020-08-19 10:15</view>
				</view>
				<view class="reportContent">
					<view class="reportsalfExe">现场检修安措执行</view>
					<view class="reportsalfExecontent">
						<view class="reportsalfExeimg">
						</view>
						<view class="reportsalfExeimg">
						</view>
						<view class="reportsalfExeimg">
							<image src="../../../static/icon/18.png" mode=""></image>
						</view>
					</view>
				</view>
			</view>
			<view class="reportitem">
				<view class="reporttitleline">
					<view class="reporttitlepic">
						<view class="reporttitlepicinner2">李娟</view>
					</view>
					<view class="reportuser">李娟</view>
					<view class="reportdatetime">2020-08-19 10:15</view>
				</view>
				<view class="reportContent">
					<view class="reportsalfExe">现场检修安措执行完成,请进行许可</view>
					<view style="padding-top: 24upx;">
						<view class="recordaudioarea">
							<view>
								<image style="width: 28upx;height: 44upx;" src="../../../static/icon/17.png"></image>
							</view>
							<view style="padding-left: 16upx;color:#666666">
								rec_20200820_33877.amr
							</view>
						</view>
						<view class="recordaudioarea">
							<view>
								<image style="width: 28upx;height: 44upx;" src="../../../static/icon/17.png"></image>
							</view>
							<view style="padding-left: 16upx;color:#666666">
								rec_20200820_33877.amr
							</view>
						</view>
						<view class="recordaudioarea">
							<view>
								<image style="width: 28upx;height: 44upx;" src="../../../static/icon/17.png"></image>
							</view>
							<view style="padding-left: 16upx;color:#666666">
								rec_20200820_33877.amr
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="reportitem">
				<view class="reporttitleline">
					<view class="reporttitlepic">
						<view class="reporttitlepicinner">张鹏</view>
					</view>
					<view class="reportuser">张鹏</view>
					<view class="reportdatetime">2020-08-19 10:15</view>
				</view>
				<view class="reportContent">
					<view class="reportsalfExe">现场检修安措执行</view>
					<view class="reportsalfExecontent">
						<view class="reportsalfExeimg">
						</view>
						<view class="reportsalfExeimg">
						</view>
						<view class="reportsalfExeimg">
							<image src="../../../static/icon/18.png" mode=""></image>
						</view>
					</view>
				</view>
			</view>
			
			<view style="position: absolute;bottom: 1upx;width: 720upx;">
				<button type="primary" loading="false">新建汇报</button>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style>
	.reportcontainer{
		padding: 16upx;
		
	}
	.reportitem{
		background-color: #FFFFFF;
		border-radius: 8upx;
		margin-top: 16upx;
		padding-left: 16upx;
		padding-top: 16upx;
	}
	.reporttitleline{
		display: flex;
		border-bottom: solid 1upx #e6e6e6;
	}
	.reporttitlepic{
		width: 68upx;
		height: 84upx;
		
	}
	.reporttitlepicinner{
		width: 68upx;
		height: 68upx;
		color: #FFFFFF;
		text-align: center;
		font-size: 24upx;
		line-height: 68upx;
		padding-right: 2upx;
		background: url(../../../static/icon/16.png);
		background-size: 100% 100%;
	}
	.reporttitlepicinner2{
		width: 76upx;
		height: 76upx;
		color: #FFFFFF;
		text-align: center;
		font-size: 24upx;
		line-height: 73upx;
		padding-right: 2upx;
		background: url(../../../static/icon/7.png);
		background-size: 100% 100%;
	}
	.reportuser{
		font-size: 28upx;
		color: #333333;
		line-height: 68upx;
		padding-left: 24upx;
	}
	.reportdatetime{
		font-size: 28upx;
		line-height: 68upx;
		color: #333333;
		padding-left: 24upx;
	}
	.reportContent{
		
	}
	.reportsalfExe{
		padding-top: 24upx;
		color: #666666;
	}
	.reportsalfExecontent{
		display: flex;
		padding-top: 24upx;
		padding-bottom: 24upx;
	}
	.reportsalfExeimg{
		width: 88upx;
		height: 88upx;
		margin-right: 20upx;
		background: url(../../../static/icon/attachment.png);
		background-size: 100% 100%;
	}
	.reportsalfExeimg image{
		position: relative;
		left: 28upx;top:28upx;
		width: 32upx;
		height: 32upx;
	}
	.recordaudioarea{
		display: flex;flex-direction: row;
		padding-top: 24upx;
	}
</style>
